<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
	<meta charset="UTF-8">
	<title>服务-义工中心-义工经历管理</title>
	<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
	<jsp:include page="../com/header.jsp"></jsp:include>
	<script type="text/javascript" src="../../js/comm/listcomm.js"></script>
	<script type="text/javascript">
	var contentUrl = root + "cms/vSDCExperience/findVSDCExperienceNEStatusPage";
	var editUrl = 'vSDCExperienceEdit.jsp?id=';
	var operateUrl = root + 'cms/vSDCExperience/operateVSDCExperienceByIds';
	var operateUrl_vSDC_State = root + 'cms/vSDCExperience/operateVSDCStateExperienceByIds';
	function getfilter(){
		var _jsonFilter = "{";
				if (getUrlParam("vSDCId")) {
            _jsonFilter += "'search_EQ_vSDCId':'" + getUrlParam("vSDCId") + "',";
        }
				if($("#search_userId").val() && $("#search_userId").val().length > 0){
			_jsonFilter += "'search_LIKE_userName':'"+$("#search_userId").val().replace("'","\"")+"',";
		}
				if($("#search_vSDC_Name").val() && $("#search_vSDC_Name").val().length > 0){
			_jsonFilter += "'search_LIKE_vSDC_Name':'"+$("#search_vSDC_Name").val().replace("'","\"")+"',";
		}
				if($("#search_VSDC_State").val() && $("#search_VSDC_State").val().length > 0){
			_jsonFilter += "'search_EQ_vSDC_State':'"+$("#search_VSDC_State").val().replace("'","\"")+"',";
		}
				if(_jsonFilter != "{"){
			_jsonFilter = _jsonFilter.substring(0,_jsonFilter.length - 1);
		}
		_jsonFilter += "}";
		return _jsonFilter;
	}
	</script>
    </head>
    <body>
      <section>
          <div>
              <div class="col-xs-12">
                  <div class="box">
	                  <form id="search_form" class="form-horizontal">
                      	<div class="tabSelect" id="selectHeadId">
                      		<br>
			            	<div class="form-group  col-md-3 search-form">
        						<label class="col-md-4 control-label controls" for="">用户：</label>
       				 			<div class="col-md-8">
									<input type="text" placeholder="用户名" class="form-control input-sm" id="search_userId" name="userName"/>
								</div>
      						</div>
			            	<div class="form-group  col-md-3 search-form">
        						<label class="col-md-4 control-label controls" for="">活动名称：</label>
       				 			<div class="col-md-8">
									<input type="text" placeholder="义工活动名称" class="form-control input-sm" id="search_vSDC_Name" name="vsdcName"/>
								</div>
      						</div>
			            	<div class="form-group  col-md-3 search-form">
        						<label class="col-md-4 control-label controls" for="">申请状态：</label>
       				 			<div class="col-md-8">
									<select class="form-control input-sm" id="search_VSDC_State" name="vSDC_State">
									    <option value="">请选择</option>
										<option value="1">申请中</option>
										<option value="2">已通过</option>
									</select>
								</div>
      						</div>
				            <input type="button" value="查询" id="search" class="btn btn-primary searchBtn">
                      	</div>
	                  </form>
                      <div class="box-body table-responsive" style="clear:both;">
                         
                          <input type="button" value="通过" id="passSome" class="btn btn-info">
                          <input type="button" value="删除" id="deleteSome" class="btn btn-danger">
                          <a href="../vsdc/vSDCList.jsp"><input type="button" value="返回" id="back" class="btn btn-color"></a>
                      </div>
                      <div class="box-body table-responsive">
                          <table id="example2" class="table table-bordered table-hover">
                              <thead>
                                  <tr>
                                      <th width="30"><input type="checkbox" id="_selectAll" /></th>
				               		  <th width="80">用户名</th>
				               		  <th width="80">联系方式</th>
				               		  <th width="80">义工申请状态</th>
				               		  <th width="80">参加时间</th>
                                  </tr>
                              </thead>
                              <!-- 表格内容 start -->
                              <tbody id="mycontent"></tbody>
                              <!-- 表格内容 end -->
                          </table>
                          <!-- 分页标签 start -->
                          <div class="row page_big_div" id="displayPage"></div>
                          <!-- 分页标签 end -->
                          <script id="tableContentTmple" type="text/x-jsrender">
								<tr>
									<td><input id="ck_{{:id}}" ckId="{{:id}}" ckStatus="{{:status}}" class="ckSelect" type="checkbox" /></td>
									<td>{{:uservo.userName}}</td>
									<td>{{:uservo.mobile}}</td>
									<td>{{if vsdc_State==1}}申请中{{else vsdc_State==2}}已通过{{else}}无效{{/if}}</td>
									<td>{{:joniDate}}</td>
								</tr>
						  </script>
                  </div>
              </div>
          </div>
      </section>
    </body>
</html>